<template>
    <div class="check-button">
        <img src="~assets/img/cart/tick.svg" alt="" :class="{check: isChecked}">
    </div>
</template>

<script>
export default {
    props: {
        isChecked: {
            type: Boolean,
            default: false
        }
    }
}
</script>


<style scoped>
    
    .check-button img{
        width: 20px;
        vertical-align: text-bottom;
        border-radius: 50%;
        border: 1px solid #aaa;
        /* width: 20px; */
    }

   .check-button .check{
        border-color: red;
        background: red;
    }
</style>